
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            line-height: 40px;
        }
        .input {
            width: 30px;
            height: 30px;
            margin: 10px;
        }
    </style>
    <script src="jquery/jquery1.9/jquery-1.9.0.js"></script>
    <script>
       $(function(){
      /*       $("#add").click(function(){
                var num1=$("#num1").val()*1;
                var num2=$("#num2").val()*1;
                var result=num1+num2;
                $("#result").val(result);
            });
            $("#minus").click(function(){
                var num1=$("#num1").val()*1;
                var num2=$("#num2").val()*1;
                var result=num1-num2;
                $("#result").val(result);
            });
            $("#multiply").click(function(){
                var num1=$("#num1").val()*1;
                var num2=$("#num2").val()*1;
                var result=num1*num2;
                $("#result").val(result);
            });
            $("#divided").click(function(){
                var num1=$("#num1").val()*1;
                var num2=$("#num2").val()*1;
                var result=num1/num2;
                $("#result").val(result);
            }); */
            $(".input").click(function(){
                var str=$("#num1").val()+$(this).val()+$("#num2").val();
                $("#result").val(eval(str));
            }); 
       });  
    </script>
</head>

<body>
    <div>
        第一个数：<input type="text" id="num1"><br>
        第二个数：<input type="text" id="num2"><br>
        <input type="button"  value="+" class="input" id="add">
        <input type="button"  value="-" class="input" id="minus">
        <input type="button" value="*" class="input" id="multiply">
        <input type="button"  value="/" class="input" id="divided">
        <br>
        结果：<input type="text" id="result">
    </div>


</body>

</html>